<!DOCTYPE html>
<html>
	<head lang="en">
		<meta charset="utf-8" />
		<title>最家-{% block title %}{% endblock %}</title>
		<link rel="stylesheet" type="text/css" href="/static/css/public.css"/>
		<link rel="stylesheet" type="text/css" href="/static/css/index.css" />

        <script type="text/javascript" src="/static/js/host.js"></script>
        <script type="text/javascript" src="/static/common.js"></script>
        <script type="text/javascript" src="/static/vue-2.5.16.js"></script>
        <script type="text/javascript" src="/static/axios-0.18.0.min.js"></script>
        <script type="text/javascript" src="/static/js/jquery-1.12.4.min.js"></script>
        {% block js_css %}
        {% endblock %}

	</head>
	<body>
    {% block app %}
    {% endblock %}
		<!------------------------------head------------------------------>
		<div id="app" v-cloak class="head">
			<div class="wrapper clearfix">
				<div class="clearfix" id="top">
					<h1 class="fl"><a href="index.html"><img src="/static/img/logo.png"/></a></h1>
					<div class="fr clearfix" id="top1">
						<p v-if="username" class="login_btn fl">
                             欢迎您：<em>[[ username ]]</em>
{#                                <span>|</span>#}
                                <a href="{{ url('users:logout') }}">退出</a>

						</p>
                        <p v-else class="login_btn fl">
                            <a href="{{ url('users:login') }}">登录</a>
							<a href="{{ url('users:register') }}" >注册</a>
                        </p>
						<form action="#" method="get" class="fl">
							<input type="text" placeholder="热门搜索：干花花瓶" />
							<input type="button" />
						</form>
						<div class="btn fl clearfix">
							<a href="{{ url('users:my_center') }}"><img src="/static/img/grzx.png"/></a>
							<a href="#" class="er1"><img src="/static/img/ewm.png"/></a>
							<a href="{{ url('shoppingcart:carts') }}"><img src="/static/img/gwc.png"/></a>
							<p><a href="#"><img src="/static/img/smewm.png"/></a></p>
						</div>
					</div>
				</div>
				<ul class="clearfix" id="bott">
					<li><a href="/">首页</a></li>
					<li>
						<a href="#">所有商品</a>
						<div class="sList">
							<div class="wrapper  clearfix">
								<a href="/paint">
									<dl>
										<dt><img src="/static/img/nav1.jpg"/></dt>
										<dd>浓情欧式</dd>
									</dl>
								</a>
								<a href="/paint">
									<dl>
										<dt><img src="/static/img/nav2.jpg"/></dt>
										<dd>浪漫美式</dd>
									</dl>
								</a>
								<a href="/paint">
									<dl>
										<dt><img src="/static/img/nav3.jpg"/></dt>
										<dd>雅致中式</dd>
									</dl>
								</a>
								<a href="/paint">
									<dl>
										<dt><img src="/static/img/nav6.jpg"/></dt>
										<dd>简约现代</dd>
									</dl>
								</a>
								<a href="/paint">
									<dl>
										<dt><img src="/static/img/nav7.jpg"/></dt>
										<dd>创意装饰</dd>
									</dl>
								</a>
							</div>
						</div>
					</li>
					<li>
						<a href="/flowerDer">装饰摆件</a>
						<div class="sList2">
							<div class="clearfix">
								<a href="/proList">干花花艺</a>
								<a href="/vase_proList">花瓶花器</a>
							</div>
						</div>
					</li>
					<li>
						<a href="/decoration">布艺软饰</a>
						<div class="sList2">
							<div class="clearfix">
								<a href="{{ url('goods:zbproList') }}">桌布罩件</a>
								<a href="/bzproList">抱枕靠垫</a>
							</div>
						</div>
					</li>
					<li><a href="/paint">墙式壁挂</a></li>
					<li><a href="/perfume">蜡艺香薰</a></li>
					<li><a href="/idea">创意家居</a></li>
				</ul>
			</div>
		</div>
		<!-------------------------banner--------------------------->


        {% block content %}
        {% endblock %}

		<!--返回顶部-->
		<div class="gotop">
			<a href="/carts">
			<dl>
				<dt><img src="/static/img/gt1.png"/></dt>
				<dd>去购<br />物车</dd>
			</dl>
			</a>
			<a href="#" class="dh">
			<dl>
				<dt><img src="/static/img/gt2.png"/></dt>
				<dd>联系<br />客服</dd>
			</dl>
			</a>
			<a href="my_center.html">
			<dl>
				<dt><img src="/static/img/gt3.png"/></dt>
				<dd>个人<br />中心</dd>
			</dl>
			</a>
			<a href="#" class="toptop" style="display: none">
			<dl>
				<dt><img src="/static/img/gt4.png"/></dt>
				<dd>返回<br />顶部</dd>
			</dl>
			</a>
			<p>400-800-8200</p>
		</div>
        {% block msk %}
        {% endblock %}
		<!-------------------login-------------------------->
		<!--footer-->
		<div class="footer">
			<div class="top">
				<div class="wrapper">
					<div class="clearfix">
						<a href="#2" class="fl"><img src="/static/img/foot1.png"/></a>
						<span class="fl">7天无理由退货</span>
					</div>
					<div class="clearfix">
						<a href="#2" class="fl"><img src="/static/img/foot2.png"/></a>
						<span class="fl">15天免费换货</span>
					</div>
					<div class="clearfix">
						<a href="#2" class="fl"><img src="/static/img/foot3.png"/></a>
						<span class="fl">满599包邮</span>
					</div>
					<div class="clearfix">
						<a href="#2" class="fl"><img src="/static/img/foot4.png"/></a>
						<span class="fl">手机特色服务</span>
					</div>
				</div>
			</div>
			<p class="dibu">最家家居&copy;2013-2017公司版权所有 京ICP备080100-44备0000111000号<br />
			违法和不良信息举报电话：400-800-8200，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</p>
		</div>

    {% block apps_1 %}

     {% block scropt %}
    {% endblock %}

    {% endblock %}
		<script src="/static/js/jquery-1.12.4.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="/static/js/public.js" type="text/javascript" charset="utf-8"></script>
		<script src="/static/js/nav.js" type="text/javascript" charset="utf-8"></script>
		<script src="/static/js/jquery.flexslider-min.js" type="text/javascript" charset="utf-8"></script>

        <script type="text/javascript" src="/static/slide.js"></script>
        <script type="text/javascript" src="/static/index.js"></script>

        <script type="text/javascript">
            {#let category_id = {{ category.id }};#}
        </script>
		{% block last_js_css %}
        {% endblock %}

